
	.banner{
		width: 100%;
		height: 634rpx;
		position: relative;
		.collect{
			position: absolute;
			top: 634rpx;
			right: 100rpx;
			margin-top: -50rpx;
			width: 100rpx;
			height: 100rpx;
			background-color: #354e44;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}
		
		uni-swiper {
		    display: block;
		    height: 634rpx;
		}
		
			image{
				width: 100%;
				height: 100%;
			}
	}
	.info{
		box-sizing: border-box;
		padding: 70rpx 68rpx;
		.price{
			
			width: 100%;
			height: 80rpx;
			display: flex;
			align-items: baseline;
			.p1{
				display: flex;
				// align-items: center;
				// line-height: 60rpx;
				align-items: baseline;
				color: #f2270c;
				.left{
					font-weight: 700;
					font-size: 32rpx;
				}
				.center{
					font-weight: 700;
					font-size: 60rpx;
				}
				.right{
					font-weight: 700;
					font-size: 32rpx;
				}
				
			}
			.p2{
				display: flex;
				align-items: baseline;
				margin: 0 0 0 2px;
				text-decoration: line-through;
				color: #b5b5b5;
				font-size: 24rpx;
				font-weight: 700;
			}
			.p3{
				position: relative;
				background-color: #f2270c;
				color: #fff;
				height: 30rpx;
				font-size: 20rpx;
				padding: 0 12rpx;
				line-height: 30rpx;
				margin-left: 6rpx;
				
			}
			.p3:before{
				content: "";
				box-sizing: border-box;
				content: "";
				position: absolute;
				left: -2rpx;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 6rpx;
				height: 12rpx;
				background-color: #fff;
				border: 2rpx solid #ff8373;
				border-radius: 0 6rpx 6rpx 0;
				border-left: none;
			}
			.p3::after{
				content: "";
				box-sizing: border-box;
				    content: "";
				    position: absolute;
				    right: -2rpx;
				    top: 50%;
				    -webkit-transform: translateY(-50%);
				    transform: translateY(-50%);
				    width: 6rpx;
				    height: 12rpx;
				    background-color: #fff;
				    border: 2rpx solid #ff8373;
				    border-radius: 6rpx 0 0 6rpx;
				    border-right: none;
			}
		}
		.title{
			color: #262626;
			overflow: hidden;
			font-size: 32rpx;
			font-weight: 700;
		}
		.text{
			    font-size: 24rpx;
			    padding: 36rpx 0 0;
			    line-height: 1.3;
			    color: #666;
		}
		.v-html{
			padding-top: 136rpx;
		}
	}
	view{
		box-sizing: border-box;
	}
	.footer{
		position: fixed;
		padding: 0 60rpx;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 120rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		image{
			width: 60rpx;
			height: 60rpx;
		}
		.box{
			display: flex;
			justify-content: space-between;
			text-align: center;
			.cart{
				background-color: #e2e2e2;
				color: #8f8f94;
				padding: 20rpx 35rpx;
			}
			.buy{
				    color: #fff;
				    padding: 20rpx 35rpx;
				    background-color: #354e44;
			}
		}
		
	}
	
	.mask{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.6);
		display: flex;
		align-items: center;
		justify-content: center;
		.main{
			position: relative;
			width: 628rpx;
			height: 926rpx;
			background: #fff;
			border-radius: 16rpx;
			image{
				width: 100px;
				height: 100px;
				
				border-radius: 16rpx;
				position: absolute;
				top: -80rpx;
				left: 50rpx;
				
			}
			.fw{
				.title{
					font-size: 28rpx;
					color: #3e3e3e;
					
					font-weight: 600;
				}
				
					.text{
						    color: #3e3e3e;
						    font-size: 26rpx;
						    background-color: #F2F4F3;
						    line-height: 60rpx;
							margin-top: 30rpx;
							border-radius: 20rpx;
							text-indent: 1em;
					}
				
			}
			.close{
				position: absolute;
				top: 120rpx;
				right: 100rpx;
				width: 42rpx;
				height: 42rpx;
				image{
					width: 42rpx;
					height: 42rpx;
				}
			}
			.top{
				display: flex;
				justify-content: center;
				.left{
					transform: translate(90rpx,80rpx);
					.title{
						font-size: 28rpx;
						    color: #3e3e3e;
						   
						   
						    font-weight: 600;
					}
					.stock{
						font-size: 24rpx;
						color: #b0b0b0;
					}
				}
			}
			.center{
				width: 80%;
				margin: 0 auto;
				.select{
					margin-top: 100rpx;
					.box{
						display: flex;
						width: 100%;
						height: 60rpx;
						line-height: 60rpx;
						border-radius:30rpx ;
						background-color: #F2F4F3;
						margin-top: 20rpx;
						.kind{
							display: flex;
							// width: 100%;
							justify-content: center;
							// background-color: #F2F4F3;
							.text1{
								// width: 100%;
								color: #3e3e3e;
								font-size: 26rpx;
								// line-height: 60rpx;
								// border-radius: 30rpx;
								text-indent: 1em;
							}
						}
					}
					
				}
			}
			
			.num{
				display: flex;
				padding-top: 80rpx;
				justify-content: space-between;
				text-align: center;
				line-height: 60rpx;
				// position: relative;
				.btn{
					display: flex;
					width: 246rpx;
					justify-content: space-between;
					
					.cut{
						// padding: 15rpx 15rpx;
						width: 60rpx;
						height: 60rpx;
						background-color: #F2F4F3;
						border-radius: 50% ;
					}
					.number{
						// padding: 20rpx;
						width: 90rpx;
						height: 60rpx;
						border-radius:30rpx ;
						background-color: #F2F4F3;
					}
					.add{
						width: 60rpx;
						height: 60rpx;
						// padding: 15rpx 15rpx;
						background-color: #F2F4F3;
						border-radius: 50% ;
					}
				}
				
			}
		
		}
	}
	
	.ok{
		width: 208rpx;
		height: 80rpx;
		text-align: center;
		margin: 0 auto;
		line-height: 80rpx;
		margin-top: 20rpx;
		background: #354e44;
		border-radius: 28rpx;
		color: #fff;
	}
	
	.act{
		border: 1rpx solid #354E44;
	}